<template>
	<div class="com-gw-cotent">
		<div class="wrap">
			<div class="breadcrumb base-font-14 text-999"><span>首页</span>/<span>{{}}</span></div>
			<div class="gwConte" :style="'background: url('+gwbg+') top center no-repeat;background-size:100% 100%'">
				<div class="base-info text-white text-center">
					<div class="avatar"><el-image :src="peoInfo.headImage" fit="cover"></el-image></div>
					<div class="base-font-26 margin-top-30">{{peoInfo.name}}</div>
					<div class="flex align-center justify-center base-font-24 margin-top-20">
						<i class="el-icon-phone"></i>
						<span class="margin-left-5">{{peoInfo.phone}}</span>
						<i class="el-icon-message margin-left-59 base-font-24"></i>
						<span class="margin-left-5">{{peoInfo.email}}</span>
					</div>
					<div class="peoEwm"><el-image :src="peoInfo.qrCode" fit="cover"></el-image></div>
					<div class="base-font-18 margin-top-50">{{peoInfo.description}}</div>
				</div>
			</div>
			<div class="blockTitle text-center padding-tb-40 margin-top-30">
				<div class="base-font-40 text-bold">专业团队是申请成功的关键</div>
				<div class="flex align-center justify-center margin-top-20">
					<div class="line"></div>
					<div class="lineMid"></div>
					<div class="line"></div>
				</div>
				<div class="base-font-15 text-999 blockTitleMs">
					24小时为您提供咨询服务，根据您的实际需求制定专属方案
				</div>
			</div>
			<teamVue/>
		</div>
	</div>
</template>

<script>
	import teamVue from "../homePublic/team.vue"
	 import gwbg from "@/static/image/gwbg.png"
	 export default{
		 components: {
			teamVue,
		 },
		 data(){
			 return{
				 gwbg,
				 peoInfo:{}
			 }
		 },
		 mounted(){
			 let id=this.$route.query.id
			 this.$getWebsiteTeamById({id:id}).then(res=>{
				 if(res.code===0){
					 this.peoInfo=res.data
				 }
				 console.log(res,'ressss124')
			 })
		 }
	 }
</script>

<style lang="scss">
	.com-gw-cotent{
		.gwConte{width:1200px;height:675px;position: relative;
		 &:before{content:'';display: block;background:rgba(0, 0, 0, 0.6);position: absolute;top:0;left:0;z-index: 0;width:100%;height:100%;}
			.avatar{width:165px;height:165px;border:2px solid #ffffff;border-radius:50%;padding:10px;margin:0 auto;
				.el-image{width:145px;height:145px;border-radius:50%;margin:10px;}
			}
			.base-info{position: absolute;width:100%;height:auto;z-index:99;left:0;bottom:0;padding:50px;box-sizing: border-box;
			.peoEwm{width:160px;height:160px;margin:20px auto;
			.el-image{width:160px;height:160px;}
			}
			
			}
		}
		.blockTitle {
			.line {
				width: 77px;
				height: 1px;
				background: #d4d4d4;
				margin: 0 10px;
			}
		
			.lineMid {
				width: 23px;
				height: 3px;
				background: #ef9b76;
			}
		
			.blockTitleMs {
				width: 60%;
				margin: 20px auto
			}
		}
		
	}
</style>